.page {
	min-height: 100vh;
	background-color: #fff;
}

.teacher {
	width: 100%;
	box-sizing: border-box;
	padding: 20rpx;

	.header {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		margin-bottom: 30rpx;
	}

	.upload {
		margin-bottom: 30rpx;
	}

	.sample {
		margin-bottom: 30rpx;

		.title {
			font-size: 32rpx;
			margin-bottom: 30rpx;
		}

		&-scroll {
			white-space: nowrap;

			&-box {
				width: 100%;
				box-sizing: border-box;
				padding: 0 10rpx;
				display: flex;
				align-items: center;

				&-item {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					padding: 20rpx;
					margin-right: 20rpx;

					&.active {
						border: 1px dashed $u-error;

						.img {
							transform: scale(1.1);
						}

						.name {
							font-size: 32rpx;
							font-weight: bold;
						}
					}

					.img {
						width: 256rpx;
						height: 256rpx;
						margin-bottom: 30rpx;
					}

					.name {
						font-size: 28rpx;
					}
				}
			}
		}
	}

	.file-box {
		.title {
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 32rpx;
			margin-bottom: 30rpx;
		}

		.file {
			display: flex;
			flex-wrap: wrap;

			&-img {
				width: 128rpx;
				height: 128rpx;
				margin-right: 10px;
				margin-bottom: 10rpx;
			}
		}
	}
}
